<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">

  <title>HTML5 webkit 3D立方体图片旋转滑块应用DEMO演示</title>

  <link rel='stylesheet prefetch' href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css'>

    <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

</head>

<body>

<body>
  <div id="wrapper" class="clearfix">
    <div class="slider-outer">
      <div class="slider-inner">
        <div data-slide="1" class="slide front active">
          <div class="slide-title">Slide 1<i class="fa fa-html5"></i></div>
        </div>
        <div data-slide="2" class="slide top">
          <div class="slide-title">Slide 2<i class="fa fa-css3"></i></div>
        </div>
        <div data-slide="3" class="slide back">
          <div class="slide-title">Slide 3<i class="fa fa-android"></i></div>
        </div>
        <div data-slide="4" class="slide bottom">
          <div class="slide-title">Slide 4<i class="fa fa-mobile-phone"></i></div>
        </div>
      </div>
    </div>
    <nav id="nav" class="clearfix">
      <ul class="clearfix">
        <li><a href="href" data-slide="1" class="btn focus">1</a></li>
        <li><a href="href" data-slide="2" class="btn">2</a></li>
        <li><a href="href" data-slide="3" class="btn">3</a></li>
        <li><a href="href" data-slide="4" class="btn">4</a></li>
      </ul>
    </nav>
  </div>
  <div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
</body>

  <script src='js/jquery.js'></script>

  <script src="js/index.js"></script>

</body>

</html>